A continuación tengo script js y form.
$(document).on('submit','#form_create_user',function(e){ e.preventDefault(); var fd = new FormData(this); var obj = $(this); fd.append('course_id', "<?php echo $this->uri->segment(4); ?>"); obj.find('input[type="submit"]').val("Creating...") $.ajax({ url: $(this).attr("action"), data: fd, cache: false, processData: false, contentType: false, type: 'POST', success: function (dataofconfirm) { // do something with the result // obj.find('input[type="submit"]').val("Confirm") } }); $.ajax({ url: "<?php echo site_url('home/saveValues/'); ?>", data: fd, cache: false, processData: false, contentType: false, type: 'POST', success: function (dataofconfirm) { // do something with the result toastr.success("Success created user."); obj.find('input[type="submit"]').val("Confirm") } }); }) <form action="?" method="post" name="form_create_user" id="form_create_user"> <input name="username" type="text" id="username" value="test"><input type="submit" name="Submit" value="Confirm"> </form>Cuando hago clic en enviar formulario, este script cambia el texto en el botón de "crear" a "crear ..." y muestra la acción exitosa. Pero ahora esto toma alrededor de 1 segundo.
Necesito extender este script y necesito: mostrar "creando ..." durante un minuto y luego devolver una acción exitosa.
nota: el script ejecutado por formulario necesito configurarlo para que se ejecute de inmediato, pero solo devuelva el éxito después de un minuto y vuelva a cargar la página.
¿Alguien puede ayudarme?